<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('隐私政策自动生成工具V1.0')"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">


    <form id="home">
        <div class="page-header">
            <h1 align="center">温馨提示</h1>
            <small style="text-indent: 1em;font-size: 15px" >本工具是一款基于中国现行法律法规和政策规定制作的个人信息保护政策（习惯上称隐私政策）自动生成工具，为最大限度满足合规要求，请您根据自身产品的实际情况填写下列问卷，生成后的隐私政策将通过电子邮箱发送给您。本产品功能尚在完善中，对于相对复杂的产品，建议您在收到自动生成的文本后逐项检查、调整，确保与您的产品实际情况相符后再使用。您使用期间如有任何意见或建议，欢迎随时通过电子邮件（cyberdatalaw@163.com）与我们联系！</small>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 text-center">
                <button type="button" class="btn btn-sm btn-primary" onclick="homeNext()"><i
                        class="fa fa-check"></i>开始填写问卷
                </button>&nbsp;
            </div>
        </div>
    </form>

    <!--  第一章 基本信息  -->
    <form class="form-horizontal m" id="privacy_home" style="display: none">
        <div class="page-header">
            <h2 align="center">基本信息<br/>
                <!--                <small>一.基本信息</small>-->
            </h2>
        </div>
        <input name="privacyId" id="privacyId" style="display:none" type="text">
        <div class="form-group">
            <label class="col-sm-3 control-label">您的产品运营主体名称是？</label>
            <div class="col-sm-8">
                <input name="companyName" class="form-control" type="text">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">请问您的产品名称是（建议名称中注明是APP、小程序或其他类型）？</label>
            <div class="col-sm-8">
                <input name="brandName" class="form-control" type="text">
            </div>
        </div>
        <!--        <div class="form-group">-->
        <!--            <label class="col-sm-3 control-label">APP名称：</label>-->
        <!--            <div class="col-sm-8">-->
        <!--                <input name="appName" class="form-control" type="text">-->
        <!--            </div>-->
        <!--        </div>-->
        <div class="form-group">
            <label class="col-sm-3 control-label">您的产品运营主体联系电话是？</label>
            <div class="col-sm-8">
                <input name="phone" class="form-control" type="text">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">您的产品运营主体电子邮箱是？</label>
            <div class="col-sm-8">
                <input name="email" class="form-control" type="text">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label">您的产品运营主体联系地址是？</label>
            <div class="col-sm-8">
                <textarea name="contactAddress" class="form-control"></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 text-center">
                <button type="button" class="btn btn-sm btn-primary" onclick="privacyHomeNext()"><i
                        class="fa fa-check"></i>下一步
                </button>&nbsp;
            </div>
        </div>
    </form>

    <!--  第二章 收集、使用个人信息的目的和范围  -->
    <form class="form-horizontal m" id="qa_privacy_info_use" style="display: none">
        <div class="page-header">
            <h2 align="center">收集、使用个人信息的目的和范围<br>
                <small style="font-size: 10px"><strong>温馨提示</strong>：按照有关法律法规和政策文件的要求，运营者需要如实披露收集、使用个人信息的目的和范围，建议结合您的产品实际情况据实选择或填写。</small>
            </h2>
        </div>
        <input name="infoUseId" id="infoUseId" style="display:none" type="text">
        <!--    第二章 1.您的产品是否需要注册账号与登陆？ accountRegisterLoginRadio accountRegisterLogin accountRegisterLoginOther   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>1. 您的产品是否需要注册账号与登陆？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="accountRegisterLoginRadio" onclick="problemDisplay(this)"
                           class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="accountRegisterLoginRadio" onclick="problemDisplay(this)"
                           class="form-check-input" checked
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">1.1 为实现账号注册与登陆的功能，需要收集哪些信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="accountRegisterLogin" class="form-check-input" value="1"> 账号
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="accountRegisterLogin" class="form-check-input" value="2"> 手机号
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="accountRegisterLogin" class="form-check-input" value="3"> 口令
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="accountRegisterLogin" class="form-check-input" value="4"> 验证码
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="accountRegisterLogin" class="form-check-input" value="5"> 昵称
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="accountRegisterLogin" class="form-check-input" value="6"> 头像
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="accountRegisterLoginOther" class="form-control"
                               style="display:inline-block;width: 200px;" type="text">
                    </label>
                </div>
            </div>
        </div>


        <!--    第二章 2.您的产品是否需要进行身份识别和实名认证？ realNameAuthRadio  realNameAuth  realNameAuthOther   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>2. 您的产品是否需要进行身份识别和实名认证？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="realNameAuthRadio" onclick="problemDisplay(this)" class="form-check-input"
                           value="1">
                    是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="realNameAuthRadio" onclick="problemDisplay(this)" checked
                           class="form-check-input"
                           value="0">
                    否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">2.1 为实现身份识别与实名认证，需要收集以下哪些个人信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="1"> 手机号
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="2"> 验证码
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="3"> 姓名
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="4"> 性别
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="5"> 证件类型
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="6"> 证件号码
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="7"> 证件有效期
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="8"> 证件照片
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="realNameAuth" class="form-check-input" value="9"> 银行卡卡号
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="realNameAuthOther" class="form-control" style="display:inline-block;width: 200px;"
                               type="text">
                    </label>
                </div>
            </div>
        </div>

        <!--    第二章 3.您的产品是否涉及产品展示？ productDisplayRadio  productDisplay  productDisplayOther  -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>3. 您的产品是否涉及产品展示？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="productDisplayRadio" onclick="problemDisplay(this)"
                           class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="productDisplayRadio" onclick="problemDisplay(this)" checked
                           class="form-check-input"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">3.1 为实现产品展示功能，需要收集以下哪些信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="productDisplay" class="form-check-input" value="1"> 搜索关键字
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="productDisplay" class="form-check-input" value="2"> 用户点击的页面或链接
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="productDisplay" class="form-check-input" value="3"> 页面停留的时间
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="productDisplay" class="form-check-input" value="4"> 点击次数
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="productDisplayOther" class="form-control"
                               style="display:inline-block;width: 200px;" type="text">
                    </label>
                </div>
            </div>
        </div>

        <!--    第二章 4.您的产品是否涉及下单功能？ placeOrderRadio  placeOrder  placeOrderOther  -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>4. 您的产品是否涉及下单功能？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="placeOrderRadio" onclick="problemDisplay(this)" class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="placeOrderRadio" onclick="problemDisplay(this)" class="form-check-input"
                           checked
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">4.1 为了实现下单功能，需要收集以下哪些信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="placeOrder" class="form-check-input" value="1"> 产品或服务名称
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="placeOrder" class="form-check-input" value="2"> 产品或服务数量
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="placeOrder" class="form-check-input" value="3"> 下单时间
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="placeOrder" class="form-check-input" value="4"> 下单金额
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="placeOrder" class="form-check-input" value="5"> 收件人姓名
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="placeOrder" class="form-check-input" value="6"> 收件地址
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="placeOrder" class="form-check-input" value="7"> 收件人电话
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="placeOrderOther" class="form-control" style="display:inline-block;width: 200px;"
                               type="text">
                    </label>
                </div>
            </div>
        </div>

        <!--    第二章 5.您的产品是否涉及支付结算？ paymentSettlementRadio  paymentSettlement  paymentSettlementOther  -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>5. 您的产品是否涉及支付结算？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="paymentSettlementRadio" onclick="problemDisplay(this)"
                           class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="paymentSettlementRadio" onclick="problemDisplay(this)" checked
                           class="form-check-input"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">5.1 为了实现支付结算功能，需要收集以下哪些信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="1"> 支付方式
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="2"> 银行卡号
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="3">
                        银行卡有效期
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="9">
                        银行卡预留手机号
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="4"> 持卡人姓名
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="5"> 持卡人身份证件号码
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="6"> 银行卡验证码
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="7"> 支付宝账号
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="paymentSettlement" class="form-check-input" value="8"> 微信账号
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="paymentSettlementOther" class="form-control"
                               style="display:inline-block;width: 200px;" type="text">
                    </label>
                </div>
            </div>
        </div>

        <!--    第二章 6.您的产品是否涉及开具发票？ invoiceIssuance  -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>6. 您的产品是否涉及开具发票？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="radio" name="invoiceIssuance" class="form-check-input" value="1"> 是
                    </label>
                    <label class="form-check-label">
                        <input type="radio" name="invoiceIssuance" class="form-check-input" checked value="0"> 否
                    </label>
                </div>
            </div>
        </div>

        <!--    第二章 7.您的产品是否会为了交易安全保障而收集用户信息？ transactionSecurityRadio  transactionSecurity  transactionSecurityOther  -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>7. 您的产品是否会为了交易安全保障而收集用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="transactionSecurityRadio" onclick="problemDisplay(this)"
                           class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="transactionSecurityRadio" onclick="problemDisplay(this)" checked
                           class="form-check-input"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">7.1 为了保障交易安全，需要收集以下哪些信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="1"> 用户的IP地址
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="2">
                        移动设备所用的型号/版本/存储空间和设备识别码（如IDFA/IMEI/IMSI/OAID/Android ID/OPENUDID/GUID/序列号）
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="3"> SIM卡信息
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="4">
                        设备应用安装/卸载列表
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="5"> 进程信息
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="6"> 设备MAC地址
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="7"> 网络类型/网络状态
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="8">
                        设备连接的无线网络信息（如SSID/BSSID/状态/列表/MAC）
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="9"> 传感器信息
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="10">
                        MEID（仅针对CDMA制式的手机）
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="transactionSecurity" class="form-check-input" value="11">
                        用于接入服务的配置信息
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="transactionSecurityOther" class="form-control"
                               style="display:inline-block;width: 200px;" type="text">
                    </label>
                </div>
            </div>
        </div>

        <!--    第二章 8.您的产品是否会涉及个性化分析与推送？  personalizedAnalysisPush  -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>8. 您的产品是否会涉及个性化分析与推送？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="personalizedAnalysisPush" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="personalizedAnalysisPush" class="form-check-input" checked value="0"> 否
                </label>
            </div>
        </div>

        <!--    第二章 9.您的产品是否提供客户服务？ customerServiceRadio  customerService  customerServiceOther -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>9. 您的产品是否提供客户服务？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="customerServiceRadio" onclick="problemDisplay(this)"
                           class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="customerServiceRadio" onclick="problemDisplay(this)" checked
                           class="form-check-input"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">9.1 为了提供客户服务与处理投诉，需要收集以下哪些信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="customerService" class="form-check-input" value="1"> 姓名
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="customerService" class="form-check-input" value="2"> 身份证号码
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="customerService" class="form-check-input" value="3"> 手机号码
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="customerServiceOther" class="form-control"
                               style="display:inline-block;width: 200px;" type="text">
                    </label>
                </div>
            </div>
        </div>

        <!--    第二章 10.您的产品是否涉及为满足法律合规的要求而收集用户信息？ legalCompliance   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>10. 您的产品是否涉及为满足法律合规的要求而收集用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="legalComplianceRadio" onclick="problemDisplay(this)"
                           class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="legalComplianceRadio" onclick="problemDisplay(this)" checked
                           class="form-check-input"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">10.1 为了满足法律法规的要求，需要收集以下哪些信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="legalCompliance" class="form-check-input" value="1"> 网络访问日志
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="legalCompliance" class="form-check-input" value="2"> 交易信息
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="legalCompliance" class="form-check-input" value="3">
                        文章、留言、评论信息
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="legalComplianceOther" class="form-control"
                               style="display:inline-block;width: 200px;" type="text">
                    </label>
                </div>
            </div>
        </div>

        <!--    第二章 11.除了上述功能外，您的产品是否涉及为实现其他功能而收集用户信息？    -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>11. 除了上述功能外，您的产品是否涉及为实现其他功能而收集用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="functionOtherRadio" onclick="problemDisplay(this)"
                           class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="functionOtherRadio" onclick="problemDisplay(this)" checked
                           class="form-check-input"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none;text-indent: 1em;">
                <button type="button" id="q11" class="btn btn-sm btn-primary" onclick="addQ11()"><i
                        class="fa fa-check"></i>新增
                </button>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label"> 您的产品需要实现的功能名称是：</label>
                <div class="col-sm-8" style="text-indent: 1em">
                    <input name="functionOtherQ1" class="form-control"
                           style="display:inline-block;width: 200px;"
                           type="text">
                </div>
                <label class="col-sm-3 control-label"> 为了实现此功能，需要收集哪些信息：</label>
                <div class="col-sm-8" style="text-indent: 1em">
                    <input name="functionOtherA1" class="form-control"
                           style="display:inline-block;width: 200px;"
                           type="text">
                </div>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 text-center">
                <button type="button" class="btn btn-sm btn-primary" onclick="privacyInfoUsePrevious()"><i
                        class="fa fa-check"></i>上一步
                </button>&nbsp;
                <button type="button" class="btn btn-sm btn-primary" onclick="privacyInfoUseNext()"><i
                        class="fa fa-check"></i>下一步
                </button>&nbsp;
            </div>
        </div>
    </form>

    <!--  第三章 收集个人信息的方式  -->
    <form class="form-horizontal m" id="qa_personal_info" style="display: none">
        <div class="page-header">
            <h2 align="center">收集个人信息的方式<br>
            </h2>
        </div>
        <input name="personalInfoId" id="personalInfoId" style="display:none" type="text">

        <!--    第三章 1. 您的产品是否会通过用户直接提供（比如主动填写、说明）的方式收集用户信息？   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>1. 您的产品是否会通过用户直接提供（比如主动填写、说明）的方式收集用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterThree1Radio" class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterThree1Radio" class="form-check-input" checked
                           value="0"> 否
                </label>
            </div>
        </div>

        <!--    第三章 2. 您的产品是否会主动收集用户信息？   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>2. 您的产品是否会主动收集用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterThree2Radio" class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterThree2Radio" class="form-check-input" checked
                           value="0"> 否
                </label>
            </div>
        </div>

        <!--    第三章 3. 您的产品是否使用第三方接口或SDK等第三方工具收集、处理用户信息？   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>3. 您的产品是否使用第三方接口或SDK等第三方工具收集、处理用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterThree3Radio" class="form-check-input"
                           onclick="problemDisplay(this)"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterThree3Radio" class="form-check-input" checked
                           onclick="problemDisplay(this)"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">3.1 您的产品共使用了几种第三方工具？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <label class="form-check-label">
                    <input name="chapterThree3Num" class="form-control" style="display:inline-block;width: 200px;"
                           type="text" placeholder="请填写阿拉伯数字！">
                </label>
                <label class="form-check-label">
                    <strong>请参考自动生成的文本中给出的填写示例，根据实际情况填写使用第三方工具收集、处理用户信息具体情况</strong>
                </label>
            </div>

            <!--            <div class="col-sm-8" style="display: none">-->
            <!--                <label class="col-sm-3 control-label">3.2 请参考填写示例，根据实际情况在自动生成的word文本中填写使用第三方工具收集、处理用户信息具体情况</label>-->
            <!--            </div>-->
            <!--            <div class="col-sm-8" style="text-indent: 1em;display: none">-->
            <!--                <table class="striped">-->
            <!--                    <tr>-->
            <!--                        <td>第三方工具名称</td>-->
            <!--                        <td>第三方主体名称</td>-->
            <!--                        <td>共享个人信息字段</td>-->
            <!--                        <td>功能和目的</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td>友盟SDK</td>-->
            <!--                        <td>友盟同欣（北京）科技有限公司</td>-->
            <!--                        <td>设备信息（IMEI/MAC/Android ID/IDFA/OpenUDID/GUID/SIM卡IMSI/地理位置等）</td>-->
            <!--                        <td>统计分析</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td colspan="4">友盟隐私政策链接：https://www.umeng.com/page/policy</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td>TalkingData移动广告监测SDK</td>-->
            <!--                        <td>北京腾云天下科技有限公司</td>-->
            <!--                        <td>设备信息、网路信息（设备连接WiFi和基站信息）、位置信息（设备地理位置）、应用信息（SDK宿主应用包名、版本号）</td>-->
            <!--                        <td>移动广告监测、作弊发防护</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td colspan="4">腾云天下隐私政策链接：http://www.talkingdata.com/privacy.jsp?languagetype=zh_cn</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td>个像用户画像SDK</td>-->
            <!--                        <td>每日互动股份有限公司</td>-->
            <!--                        <td>设备信息、应用列表信息、网络信息以及位置相关信息</td>-->
            <!--                        <td>用户画像</td>-->
            <!--                    </tr>-->
            <!--                    <tr>-->
            <!--                        <td colspan="4">每日互动隐私政策连接：https://docs.getui.com/privacy/</td>-->
            <!--                    </tr>-->
            <!--                </table>-->
            <!--            </div>-->
        </div>

        <!--    第三章 4. 您的产品是否会涉及从第三方获取用户信息？   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>4. 您的产品是否会涉及从第三方获取用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterThree4Radio" class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterThree4Radio" class="form-check-input" checked
                           value="0"> 否
                </label>
            </div>
        </div>

        <!--    第三章 5. 您的产品在使用过程中是否涉及调用设备权限？   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>5. 您的产品在使用过程中是否涉及调用设备权限？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterThree5Radio" class="form-check-input"
                           onclick="problemDisplay(this)"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterThree5Radio" class="form-check-input" checked
                           onclick="problemDisplay(this)"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="margin-left:20px;display: none">
                <label class="form-check-label">
                    <input type="checkbox" name="chapterThree51Radio" class="form-check-input" value="1"> 存储
                    <div class="col-sm-8">
                        <label>·调用该权限所实现的功能是？</label>
                        <input name="chapterThree51Input" class="form-control" type="text">
                    </div>
                </label>

                <label class="form-check-label">
                    <input type="checkbox" name="chapterThree52Radio" class="form-check-input" value="1"> 相机
                    <div class="col-sm-8">
                        <label>·调用该权限所实现的功能是？</label>
                        <input name="chapterThree52Input" class="form-control" type="text">
                    </div>
                </label>

                <label class="form-check-label">
                    <input type="checkbox" name="chapterThree53Radio" class="form-check-input" value="1"> 位置
                    <div class="col-sm-8">
                        <label>·调用该权限所实现的功能是？</label>
                        <input name="chapterThree53Input" class="form-control" type="text">
                    </div>
                </label>

                <label class="form-check-label">
                    <input type="checkbox" name="chapterThree54Radio" class="form-check-input" value="1"> 麦克风
                    <div class="col-sm-8">
                        <label>·调用该权限所实现的功能是？</label>
                        <input name="chapterThree54Input" class="form-control" type="text">
                    </div>
                </label>

                <label class="form-check-label">
                    <input type="checkbox" name="chapterThree55Radio" class="form-check-input" value="1"> 通讯录
                    <div class="col-sm-8">
                        <label>·调用该权限所实现的功能是？</label>
                        <input name="chapterThree55Input" class="form-control" type="text">
                    </div>
                </label>

                <label class="form-check-label">
                    <input type="checkbox" name="chapterThree56Radio" class="form-check-input" value="1"> 短信
                    <div class="col-sm-8">
                        <label>·调用该权限所实现的功能是？</label>
                        <input name="chapterThree56Input" class="form-control" type="text">
                    </div>
                </label>

                <label class="form-check-label">
                    <input type="checkbox" name="chapterThree57Radio" class="form-check-input" value="1"> 应用列表
                    <div class="col-sm-8">
                        <label>·调用该权限所实现的功能是？</label>
                        <input name="chapterThree57Input" class="form-control" type="text">
                    </div>
                </label>
                <div>
                    <label class="form-check-label">
                        <input type="checkbox" name="chapterThree58Radio" onclick="problemDisplay(this)"
                               class="form-check-input" value="1"> 其他权限
                    </label>
                </div>
                <br/>
                <button type="button" id="q5" class="btn btn-sm btn-primary" style="display: none" onclick="addQ5()"><i
                        class="fa fa-check"></i>新增
                </button>
                <label class="form-check-label" style="display: none">
                    <div class="col-sm-8">
                        <label>·产品在使用过程中涉及调用设备权限是？</label>
                        <input name="chapterThree581Key" class="form-control" type="text">
                    </div>
                    <div class="col-sm-8">
                        <label>·调用该权限所实现的功能是？</label>
                        <input name="chapterThree581Value" class="form-control" type="text">
                    </div>
                </label>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 text-center">
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoPrevious()"><i
                        class="fa fa-check"></i>上一步
                </button>&nbsp;
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoNext()"><i
                        class="fa fa-check"></i>下一步
                </button>&nbsp;
            </div>
        </div>
    </form>

    <!--  第四章 个人信息的委托处理、共享、转让和公开披露  -->
    <form class="form-horizontal m" id="qa_personal_info_commission" style="display: none">
        <div class="page-header">
            <h2 align="center">个人信息的委托处理、共享、转让和公开披露<br>
            </h2>
        </div>
        <input name="commissionId" id="commissionId" style="display:none" type="text">

        <!--    第四章 1.您的产品是否涉及委托第三方处理用户信息？   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>1.您的产品是否涉及委托第三方处理用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterFives1Radio" class="form-check-input"
                           onclick="problemDisplay(this)" checked
                           value="0"> 无委托处理
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterFives1Radio" class="form-check-input"
                           onclick="problemDisplay(this)"
                           value="1"> 有委托处理
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">1.1 您采取了以下哪些措施确保委托处理的安全性？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="chapterFives1" class="form-check-input" value="1"> 受托方安全能力评估
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="checkbox" name="chapterFives1" class="form-check-input" value="2"> 书面合同承诺
                    </label>
                </div>
                <div class="form-check">
                    <label class="form-check-label">
                        其他
                        <input name="chapterFives1Other" class="form-control"
                               style="display:inline-block;width: 200px;" type="text">
                    </label>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>2. 您的产品是否会向合伙伙伴共享用户信息？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterFives2Radio" class="form-check-input"
                           onclick="problemDisplay(this)"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterFives2Radio" class="form-check-input" checked
                           onclick="problemDisplay(this)"
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">2.1 您的产品涉及向几种合作伙伴共享用户个人信息？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 3em;display: none">
                <input name="chapterFives2Num" class="form-control" style="display:inline-block;width: 200px;"
                       placeholder="请填写阿拉伯数字！"
                       type="text">
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 text-center">
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoCommissionPrevious()"><i
                        class="fa fa-check"></i>上一步
                </button>&nbsp;
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoCommissionNext()"><i
                        class="fa fa-check"></i>下一步
                </button>&nbsp;
            </div>
        </div>
    </form>

    <!-- 第五章 保护用户个人信息安全的措施 -->
    <form class="form-horizontal m" id="qa_personal_info_safety" style="display: none">
        <div class="page-header">
            <h2 align="center">保护用户个人信息安全的措施<br>
            </h2>
        </div>
        <input name="safetyId" id="safetyId" style="display:none" type="text">

        <!-- 第五章 1.您的产品采取了哪些措施保护用户信息安全？   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>1. 请您根据实际情况选择您的产品采取了以下哪些措施保护用户信息安全？</h4></label>
            <!--            <div class="col-sm-8" style="text-indent: 1em;">-->
            <!--                <label class="form-check-label">-->
            <!--                    <input type="radio" name="chapterSeven1Radio" class="form-check-input"-->
            <!--                           onclick="problemDisplay(this)"-->
            <!--                           value="1"> 是-->
            <!--                </label>-->
            <!--                <label class="form-check-label">-->
            <!--                    <input type="radio" name="chapterSeven1Radio" class="form-check-input" checked-->
            <!--                           onclick="problemDisplay(this)"-->
            <!--                           value="0"> 否-->
            <!--                </label>-->
            <!--            </div>-->
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.1 您是否设立了网络安全、数据安全和个人信息保护机构，专门负责网络安全、数据安全和个人信息保护事务？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven11" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven11" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.2
                    您的网络服务是否采取了传输层安全协议等加密技术，通过https等方式提供浏览服务，确保用户数据在传输过程中的安全？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven12" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven12" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.3 您是否采取MD5、SHA256等加密技术对用户的个人信息进行加密存储，增强个人信息在使用中的安全性？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven13" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven13" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.4 您是否采用了严格的数据访问权限控制和多重身份认证技术保护个人信息，避免数据被违规使用？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven14" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven14" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.5 您是否采用代码安全检查、数据访问日志分析技术进行个人信息安全审计?</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven15" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven15" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.6
                    您是否建立了客户信息保护管理规定、客户信息分级分类管理规定、日常操作规程等一系列管理制度来规范个人信息的存储和使用？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven16" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven16" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.7 您是否定期举办信息安全和个人信息保护培训课程，加强员工对于个人信息保护重要性的认识？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven17" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven17" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.8
                    您是否与所有可能接触个人信息的员工签订了保密协议，对关键岗位人员进行背景审查，并建立了严格的访问权限控制、权限审批流程和监控、审计机制？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven18" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven18" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.9
                    您是否与所有可能接触用户个人信息的合作伙伴均签署了严格的保密协议或数据保护专用条款，并要求可能接触到用户个人信息的所有人员履行相应的保密和数据保护义务？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven19" class="form-check-input" value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven19" class="form-check-input" checked value="2"> 否
                </label>
            </div>
            <div class="col-sm-8">
                <label class="col-sm-3 control-label">1.10 您是否采取了其他安全措施？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em">
                <div class="form-check">
                    <label class="form-check-label">
                        <input type="radio" name="chapterSeven110" class="form-check-input"
                               onclick="problemDisplay(this)" value="1"> 是
                    </label>
                    <label class="form-check-label">
                        <input type="radio" name="chapterSeven110" class="form-check-input"
                               onclick="problemDisplay(this)" checked value="2"> 否
                    </label>
                </div>
                <button type="button" id="q110" class="btn btn-sm btn-primary" style="display: none"
                        onclick="addQ110()"><i
                        class="fa fa-check"></i>新增
                </button>
                <label class="form-check-label" style="display: none">
                    其他安全措施
                    <input name="chapterSeven1101Other" class="form-control"
                           style="display:inline-block;width: 200px;" type="text">
                </label>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>2. 您的产品网络系统是否进行了国家信息安全等级保护测评和备案？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven2Radio" class="form-check-input"
                           onclick="problemDisplay(this)"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven2Radio" class="form-check-input"
                           onclick="problemDisplay(this)" checked
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">2.1 您的产品网络系统最高备案等级是？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <label class="form-check-label">
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" name="chapterSeven2" class="form-check-input" value="1"> 一级
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" name="chapterSeven2" class="form-check-input" value="2"> 二级
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" name="chapterSeven2" class="form-check-input" value="3"> 三级
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" name="chapterSeven2" class="form-check-input" value="4"> 四级
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" name="chapterSeven2" class="form-check-input" value="5"> 五级
                        </label>
                    </div>
                </label>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>3. 您的产品运营机构是否通过任何与网络安全、数据安全、隐私管理相关的第三方认证？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven3Radio" class="form-check-input"
                           onclick="problemDisplay(this)"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterSeven3Radio" class="form-check-input"
                           onclick="problemDisplay(this)" checked
                           value="0"> 否
                </label>
            </div>
            <div class="col-sm-8" style="display: none">
                <label class="col-sm-3 control-label">3.1 您通过了如下哪些第三方认证？</label>
            </div>
            <div class="col-sm-8" style="text-indent: 1em;display: none">
                <label class="form-check-label">
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" name="chapterSeven3" class="form-check-input" value="1">
                            ISO27001信息安全管理体系认证
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label">
                            <input type="checkbox" name="chapterSeven3" class="form-check-input" value="2">
                            ISO27791隐私信息管理体系认证
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label">
                            其他
                            <input name="chapterSeven3Other" class="form-control"
                                   style="display:inline-block;width: 200px;" type="text">
                        </label>
                    </div>
                </label>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 text-center">
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoSafetyPrevious()"><i
                        class="fa fa-check"></i>上一步
                </button>&nbsp;
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoSafetyNext()"><i
                        class="fa fa-check"></i>下一步
                </button>&nbsp;
            </div>
        </div>
    </form>

    <!-- 九、如何处理未成年人的个人信息 -->
    <form class="form-horizontal m" id="qa_personal_info_minor" style="display: none">
        <div class="page-header">
            <h2 align="center">如何处理未成年人的个人信息<br>
            </h2>
        </div>
        <input name="minorId" id="minorId" style="display:none" type="text">

        <!-- 第五章 1.您的产品采取了哪些措施保护用户信息安全？   -->
        <div class="form-group">
            <label class="col-sm-3 control-label"><h4>您的产品是否涉及向未成年人提供服务？</h4></label>
            <div class="col-sm-8" style="text-indent: 1em;">
                <label class="form-check-label">
                    <input type="radio" name="chapterNine1Radio" class="form-check-input"
                           value="1"> 是
                </label>
                <label class="form-check-label">
                    <input type="radio" name="chapterNine1Radio" class="form-check-input" checked
                           value="0"> 否
                </label>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 text-center">
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoMinorPrevious()"><i
                        class="fa fa-check"></i>上一步
                </button>&nbsp;
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoMinorNext()"><i
                        class="fa fa-check"></i>下一步
                </button>&nbsp;
            </div>
        </div>
    </form>

    <!-- 十一、如何联系我们 -->
    <form class="form-horizontal m" id="qa_personal_info_connect" style="display: none">
        <div class="page-header">
            <h1 align="center">联系方式<br>
            </h1>
        </div>
        <div class="form-group">
            <label class="col-sm-3 control-label" style="text-indent: 1em;"><h4>
                请填写如果客户对隐私政策有所疑问、意见或建议时可以与您的产品运营主体取得联系的方式：</h4></label>
            <div class="col-sm-8">
                <label class="form-check-label">
                    客服热线电话:
                    <input name="customerServiceHotline" class="form-control"
                           style="display:inline-block;width: 200px;" type="text">
                </label>
                <label class="form-check-label">
                    邮&ensp;寄&ensp;地&ensp;址&ensp;:
                    <input name="mailingAddress" class="form-control"
                           style="display:inline-block;width: 200px;" type="text">
                </label>
                <label class="form-check-label">
                    收&ensp;&ensp;&ensp;件&ensp;&ensp;&ensp;人:
                    <input name="recipient" class="form-control"
                           style="display:inline-block;width: 200px;" type="text">
                </label>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10 text-center">
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoConnectPrevious()"><i
                        class="fa fa-check"></i> 上一步
                </button>&nbsp;
                <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoConnectNext()"><i
                        class="fa fa-check"></i> 下一步
                </button>&nbsp;
            </div>
        </div>
    </form>
</div>
<form class="form-horizontal m" id="end" style="display: none;margin-top: 50%;position: absolute;">
    <div class="form-group">
        <div class="col-sm-8" style="text-indent: 1em;">
            <label class="form-check-label">
                请填写您用于接收《隐私政策》的电子邮箱地址（此处请务必填写<strong>真实有效的电子邮箱</strong>，否则您将无法收到生成后的隐私政策文本）
                <input name="sendMail" class="form-control"
                       style="display:inline-block;width: 200px;" type="text">
            </label>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10 text-center">
            <button type="button" class="btn btn-sm btn-primary" onclick="personalInfoConnectSubmit()"><i
                    class="fa fa-check"></i> 确定
            </button>&nbsp;
        </div>
    </div>
</form>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
    var prefix = ctx + "privacy"

    // 第一章 主体信息表单验证
    let privacy_home_validate = $("#privacy_home").validate({
        focusCleanup: true,
        rules: {
            companyName: {
                required: true
            },
            brandName: {
                required: true
            },
            appName: {
                required: true
            },
            phone: {
                required: true
            },
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            companyName: {
                required: "必填"
            },
            brandName: {
                required: "必填"
            },
            appName: {
                required: "必填"
            },
            appName: {
                required: "必填"
            },
            phone: {
                required: "必填"
            },
            email: {
                required: "必填",
                email: "邮箱格式不正确"
            }
        }
    });

    function problemDisplay(obj) {
        if ($(obj).val() == 1) {
            $(obj).parent("label").parent("div").nextAll().show();
        } else {
            $(obj).parent("label").parent("div").nextAll().hide();
        }
    }

    $(function () {
        $("#qa_privacy_info_use").hide();
        $("#qa_personal_info").hide();
        $("#qa_personal_info_commission").hide();
        $("#qa_personal_info_safety").hide();
        $("#qa_personal_info_minor").hide();
        $("#qa_personal_info_connect").hide();


        $('#placeOrderTable').bootstrapTable({
            // url: '',//如果需要请求后台获取初始数据的话，这里写请求地址
            // toolbar: '#toolbar',
            // clickEdit: true,
            // showToggle: true,
            // pagination: true,       //显示分页条
            // showColumns: true,
            // showPaginationSwitch: true,     //显示切换分页按钮
            // showRefresh: true,      //显示刷新按钮
            // //clickToSelect: true,  //点击row选中radio或CheckBox
            columns: [{
                checkbox: true
            },
                {
                    field: 'index',
                    title: '序列',
                    width: 30,
                    formatter: function (value, row, index) {
                        return row.index = index + 1; //返回行号
                    }
                }, {
                    field: 'contactsName',
                    title: '自主产品名称',
                    formatter: function (value, row, index) {
                        var result = "<input id='" + index + "productName' placeholder='自主产品名称'" +
                            "class='form-control'  value='" + (value == undefined ? '' : value) + "'  οnblur='getValues(" + index + ")'>";
                        return result; //formatter 这里，里面的value一定要加，不然写值的时候会写不上去
                    }
                },
                {
                    field: 'email',
                    title: '所需个人信息类型',
                    formatter: function (value, row, index) {
                        var result = "<input id='" + index + "informationType' placeholder='所需个人信息类型'" +
                            "class='form-control' value='" + (value == undefined ? '' : value) + "' οnblur='getValues(" + index + ")'>";
                        return result;
                    }
                }]
        });

        $.validator.addMethod("isPhone", function (value, element) {
            var length = value.length;
            var mobile = /^1[3456789]\d{9}$/;
            return this.optional(element) || (length == 11 && mobile.test(value));
        }, "请正确填写您的联系电话");

    });

    /////////////////////////////////////////////////////////////////// 上一步 下一步控制 //////////////////////////////////////////////////////////////////////////////////////

    function privacyHomeNext() {
        if (!privacy_home_validate.form()) {
            layer.msg('信息填写不完整，请检查后重新填写！');
            return;
        }
        let privacyHomeFromData = $('#privacy_home').serialize();
        privacyHomeFromData.status = 0;
        $.ajax({
            url: prefix + "/add",
            data: privacyHomeFromData,
            type: "post",
            cache: false,
            async: false,
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $("#privacyId").val(result.data);
                    $("#privacy_home").hide();
                    $("#qa_privacy_info_use").show();
                }
            }
        })
    }

    function privacyInfoUsePrevious() {
        $("#privacy_home").show();
        $("#qa_privacy_info_use").hide();
    }

    var q11 = 1;

    function addQ11() {
        if (!$('input[name="functionOtherQ' + q11 + '"]').val() || !$('input[name="functionOtherA' + q11 + '"]').val()) {
            layer.msg('请先填写完整后，再进行新增！');
            return;
        }
        q11++;
        $('#q11').parent().last().after("            <div class=\"col-sm-8\" >\n" +
            "                <label class=\"col-sm-3 control-label\"> 您的产品需要实现的功能名称是：</label>\n" +
            "                <div class=\"col-sm-8\" style=\"text-indent: 1em\">\n" +
            "                    <input name=\"functionOtherQ" + q11 + "\" class=\"form-control\"\n" +
            "                           style=\"display:inline-block;width: 200px;\"\n" +
            "                           type=\"text\">\n" +
            "                </div>\n" +
            "                <label class=\"col-sm-3 control-label\"> 为了实现此功能，需要收集哪些信息：</label>\n" +
            "                <div class=\"col-sm-8\" style=\"text-indent: 1em\">\n" +
            "                    <input name=\"functionOtherA" + q11 + "\" class=\"form-control\"\n" +
            "                           style=\"display:inline-block;width: 200px;\"\n" +
            "                           type=\"text\">\n" +
            "                </div>\n" +
            "            </div>");
    }

    function privacyInfoUseNext() {
        var privacyInfoUseFromData = {};
        privacyInfoUseFromData.privacyId = $("#privacyId").val();
        privacyInfoUseFromData.infoUseId = $("#infoUseId").val();
        privacyInfoUseFromData.accountRegisterLoginRadio = $('input[name="accountRegisterLoginRadio"]:checked').val()
        var accountRegisterLogin = [];
        $('input[name="accountRegisterLogin"]:checked').each(function (index, domEle) {
            accountRegisterLogin.push($(this).val());
        });
        privacyInfoUseFromData.accountRegisterLogin = accountRegisterLogin.join(',');
        privacyInfoUseFromData.accountRegisterLoginOther = $('input[name="accountRegisterLoginOther"]').val();

        var realNameAuth = [];
        privacyInfoUseFromData.realNameAuthRadio = $('input[name="realNameAuthRadio"]:checked').val()
        $('input[name="realNameAuth"]:checked').each(function (index, domEle) {
            realNameAuth.push($(this).val());
        });
        privacyInfoUseFromData.realNameAuth = realNameAuth.join(',');
        privacyInfoUseFromData.realNameAuthOther = $('input[name="realNameAuthOther"]').val();

        var productDisplay = [];
        privacyInfoUseFromData.productDisplayRadio = $('input[name="productDisplayRadio"]:checked').val()
        $('input[name="productDisplay"]:checked').each(function (index, domEle) {
            productDisplay.push($(this).val());
        });
        privacyInfoUseFromData.productDisplay = productDisplay.join(',');
        privacyInfoUseFromData.productDisplayOther = $('input[name="productDisplayOther"]').val();

        var placeOrder = [];
        privacyInfoUseFromData.placeOrderRadio = $('input[name="placeOrderRadio"]:checked').val()
        $('input[name="placeOrder"]:checked').each(function (index, domEle) {
            placeOrder.push($(this).val());
        });
        privacyInfoUseFromData.placeOrder = placeOrder.join(',');
        privacyInfoUseFromData.placeOrderOther = $('input[name="placeOrderOther"]').val();

        var paymentSettlement = [];
        privacyInfoUseFromData.paymentSettlementRadio = $('input[name="paymentSettlementRadio"]:checked').val()
        $('input[name="paymentSettlement"]:checked').each(function (index, domEle) {
            paymentSettlement.push($(this).val());
        });
        privacyInfoUseFromData.paymentSettlement = paymentSettlement.join(',');
        privacyInfoUseFromData.paymentSettlementOther = $('input[name="paymentSettlementOther"]').val();

        privacyInfoUseFromData.invoiceIssuance = $('input[name="invoiceIssuance"]:checked').val()

        privacyInfoUseFromData.transactionSecurityRadio = $('input[name="transactionSecurityRadio"]:checked').val()
        var transactionSecurity = [];
        $('input[name="transactionSecurity"]:checked').each(function (index, domEle) {
            transactionSecurity.push($(this).val());
        });
        privacyInfoUseFromData.transactionSecurity = transactionSecurity.join(',');
        privacyInfoUseFromData.transactionSecurityOther = $('input[name="transactionSecurityOther"]').val();

        privacyInfoUseFromData.personalizedAnalysisPush = $('input[name="personalizedAnalysisPush"]:checked').val();

        var customerService = [];
        privacyInfoUseFromData.customerServiceRadio = $('input[name="customerServiceRadio"]:checked').val()
        $('input[name="customerService"]:checked').each(function (index, domEle) {
            customerService.push($(this).val());
        });
        privacyInfoUseFromData.customerService = customerService.join(',');
        privacyInfoUseFromData.customerServiceOther = $('input[name="customerServiceOther"]').val();

        privacyInfoUseFromData.legalComplianceRadio = $('input[name="legalComplianceRadio"]:checked').val()
        var legalCompliance = [];
        privacyInfoUseFromData.legalCompliance = $('input[name="legalCompliance"]:checked').val()
        $('input[name="legalCompliance"]:checked').each(function (index, domEle) {
            legalCompliance.push($(this).val());
        });
        privacyInfoUseFromData.legalCompliance = legalCompliance.join(',');
        privacyInfoUseFromData.legalComplianceOther = $('input[name="legalComplianceOther"]').val()

        privacyInfoUseFromData.functionOtherRadio = $('input[name="functionOtherRadio"]:checked').val();
        var functionOther = [];
        for (var i = 1; i < q11 + 1; i++) {
            var functionOtherQ = $('input[name="functionOtherQ' + i + '"]').val();
            var functionOtherA = $('input[name="functionOtherA' + i + '"]').val();
            if (functionOtherQ && functionOtherA) {
                var data = {};
                data.functionOtherQ = functionOtherQ;
                data.functionOtherA = functionOtherA;
                functionOther.push(data);
            }
        }
        privacyInfoUseFromData.functionOther = JSON.stringify(functionOther);

        $.ajax({
            url: prefix + "/use/add",
            data: privacyInfoUseFromData,
            type: "post",
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $("#infoUseId").val(result.data);
                    $("#qa_privacy_info_use").hide();
                    $("#qa_personal_info").show();
                }
            }
        })
    }

    function personalInfoPrevious() {
        $("#qa_privacy_info_use").show();
        $("#qa_personal_info").hide();
    }

    var q5 = 1;

    function addQ5() {
        if (!$('input[name="chapterThree58' + q5 + 'Key"]').val() || !$('input[name="chapterThree58' + q5 + 'Value"]').val()) {
            layer.msg('请先填写完整后，再进行新增！');
            return;
        }
        q5++;
        $('#q5').last().after("<label class=\"form-check-label\">\n" +
            "                    <div class=\"col-sm-8\">\n" +
            "                        <label>·产品在使用过程中涉及调用设备权限是？</label>\n" +
            "                        <input name=\"chapterThree58" + q5 + "Key\" class=\"form-control\" type=\"text\">\n" +
            "                    </div>\n" +
            "                    <div class=\"col-sm-8\">\n" +
            "                        <label>·调用该权限所实现的功能是？</label>\n" +
            "                        <input name=\"chapterThree58" + q5 + "Value\" class=\"form-control\" type=\"text\">\n" +
            "                    </div>\n" +
            "                </label>");
    }

    function personalInfoNext() {
        var personalInfoFromData = {};
        personalInfoFromData.personalInfoId = $("#personalInfoId").val();
        personalInfoFromData.privacyId = $("#privacyId").val();
        personalInfoFromData.chapterThree1Radio = $('input[name="chapterThree1Radio"]:checked').val()
        personalInfoFromData.chapterThree2Radio = $('input[name="chapterThree2Radio"]:checked').val()
        personalInfoFromData.chapterThree3Radio = $('input[name="chapterThree3Radio"]:checked').val()
        personalInfoFromData.chapterThree3Num = $('input[name="chapterThree3Num"]').val()

        personalInfoFromData.chapterThree4Radio = $('input[name="chapterThree4Radio"]:checked').val()
        personalInfoFromData.chapterThree5Radio = $('input[name="chapterThree5Radio"]:checked').val()

        personalInfoFromData.chapterThree51Radio = $('input[name="chapterThree51Radio"]:checked').val()
        personalInfoFromData.chapterThree51Input = $('input[name="chapterThree51Input"]').val()

        personalInfoFromData.chapterThree52Radio = $('input[name="chapterThree52Radio"]:checked').val()
        personalInfoFromData.chapterThree52Input = $('input[name="chapterThree52Input"]').val()

        personalInfoFromData.chapterThree53Radio = $('input[name="chapterThree53Radio"]:checked').val()
        personalInfoFromData.chapterThree53Input = $('input[name="chapterThree53Input"]').val()

        personalInfoFromData.chapterThree53Radio = $('input[name="chapterThree53Radio"]:checked').val()
        personalInfoFromData.chapterThree53Input = $('input[name="chapterThree53Input"]').val()

        personalInfoFromData.chapterThree54Radio = $('input[name="chapterThree54Radio"]:checked').val()
        personalInfoFromData.chapterThree54Input = $('input[name="chapterThree54Input"]').val()

        personalInfoFromData.chapterThree55Radio = $('input[name="chapterThree55Radio"]:checked').val()
        personalInfoFromData.chapterThree55Input = $('input[name="chapterThree55Input"]').val()

        personalInfoFromData.chapterThree56Radio = $('input[name="chapterThree56Radio"]:checked').val()
        personalInfoFromData.chapterThree56Input = $('input[name="chapterThree56Input"]').val()

        personalInfoFromData.chapterThree57Radio = $('input[name="chapterThree57Radio"]:checked').val()
        personalInfoFromData.chapterThree57Input = $('input[name="chapterThree57Input"]').val()

        personalInfoFromData.chapterThree58Radio = $('input[name="chapterThree58Radio"]:checked').val();

        if (personalInfoFromData.chapterThree3Radio == 1) {
            if (!validate(personalInfoFromData.chapterThree3Num)) {
                layer.msg('问题： 3.1 您的产品共使用了几种第三方工具？ 请填写数字！');
                return;
            }
        }

        var chapterThree58Input = [];
        for (var i = 1; i < q5 + 1; i++) {
            var chapterThree58Key = $('input[name="chapterThree58' + i + 'Key"]').val();
            var chapterThree58Value = $('input[name="chapterThree58' + i + 'Value"]').val();
            if (chapterThree58Key && chapterThree58Value) {
                var data = {};
                data.chapterThree58Key = chapterThree58Key;
                data.chapterThree58Value = chapterThree58Value;
                chapterThree58Input.push(data);
            }
        }
        personalInfoFromData.chapterThree58Input = JSON.stringify(chapterThree58Input);

        $.ajax({
            url: prefix + "/personal/add",
            data: personalInfoFromData,
            type: "post",
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $("#personalInfoId").val(result.data);
                    $("#qa_personal_info_commission").show();
                    $("#qa_personal_info").hide();
                }
            }
        })
    }

    function personalInfoCommissionPrevious() {
        $("#qa_personal_info").show();
        $("#qa_personal_info_commission").hide();
    }

    function validate(num) {
        var reg = /^\d+(?=\.{0,1}\d+$|$)/
        if (reg.test(num)) return true;
        return false;
    }

    function personalInfoCommissionNext() {
        var personalInfoFromData = {};
        personalInfoFromData.commissionId = $("#commissionId").val();
        personalInfoFromData.privacyId = $("#privacyId").val();
        personalInfoFromData.chapterFives1Radio = $('input[name="chapterFives1Radio"]:checked').val()
        personalInfoFromData.chapterFives1 = $('input[name="chapterFives1"]:checked').val()
        personalInfoFromData.chapterFives1Other = $('input[name="chapterFives1Other"]').val()
        personalInfoFromData.chapterFives2Radio = $('input[name="chapterFives2Radio"]:checked').val()
        personalInfoFromData.chapterFives2Num = $('input[name="chapterFives2Num"]').val()
        if (personalInfoFromData.chapterFives2Radio == 1) {
            if (!validate(personalInfoFromData.chapterFives2Num)) {
                layer.msg('问题： 2.1 您的产品涉及向几种合作伙伴共享用户个人信息？ 请填写数字！');
                return;
            }
        }
        $.ajax({
            url: prefix + "/commission/add",
            data: personalInfoFromData,
            type: "post",
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $("#commissionId").val(result.data);
                    $("#qa_personal_info_safety").show();
                    $("#qa_personal_info_commission").hide();
                }
            }
        })
    }

    function personalInfoSafetyPrevious() {
        $("#qa_personal_info_commission").show();
        $("#qa_personal_info_safety").hide();
    }

    var q110 = 1;

    function addQ110() {
        if (!$('input[name="chapterSeven110' + q110 + 'Other"]').val()) {
            layer.msg('请先填写完整后，再进行新增！');
            return;
        }
        q110++;
        $('#q110').last().after(" <label class=\"form-check-label\" >\n" +
            "                    其他安全措施\n" +
            "                    <input name=\"chapterSeven110" + q110 + "Other\" class=\"form-control\"\n" +
            "                           style=\"display:inline-block;width: 200px;\" type=\"text\">\n" +
            "                </label>");
    }

    function personalInfoSafetyNext() {
        var personalInfoSafetyFromData = {};
        personalInfoSafetyFromData.privacyId = $("#privacyId").val();
        personalInfoSafetyFromData.safetyId = $("#safetyId").val();

        // personalInfoSafetyFromData.chapterSeven1Radio = $('input[name="chapterSeven1Radio"]:checked').val();
        personalInfoSafetyFromData.chapterSeven11 = $('input[name="chapterSeven11"]:checked').val();
        personalInfoSafetyFromData.chapterSeven12 = $('input[name="chapterSeven12"]:checked').val();
        personalInfoSafetyFromData.chapterSeven13 = $('input[name="chapterSeven13"]:checked').val();
        personalInfoSafetyFromData.chapterSeven14 = $('input[name="chapterSeven14"]:checked').val();
        personalInfoSafetyFromData.chapterSeven15 = $('input[name="chapterSeven15"]:checked').val();
        personalInfoSafetyFromData.chapterSeven16 = $('input[name="chapterSeven16"]:checked').val();
        personalInfoSafetyFromData.chapterSeven17 = $('input[name="chapterSeven17"]:checked').val();
        personalInfoSafetyFromData.chapterSeven18 = $('input[name="chapterSeven18"]:checked').val();
        personalInfoSafetyFromData.chapterSeven19 = $('input[name="chapterSeven19"]:checked').val();
        personalInfoSafetyFromData.chapterSeven110 = $('input[name="chapterSeven110"]:checked').val();
        // personalInfoSafetyFromData.chapterSeven110Other = $('input[name="chapterSeven110Other"]').val();
        var checkArr = ['chapterSeven11', 'chapterSeven12', 'chapterSeven13', 'chapterSeven14', 'chapterSeven15', 'chapterSeven16', 'chapterSeven17',
            'chapterSeven18', 'chapterSeven19', 'chapterSeven110'];
        var checkValue = [];
        for (let i = 0; i < checkArr.length; i++) {
            let checkId = checkArr[i];
            let value = $('input[name="' + checkId + '"]:checked').val();
            if (value == 1) {
                checkValue.push(checkId);
            }
        }
        // if (personalInfoSafetyFromData.chapterSeven110Other) {
        //     checkValue.push(personalInfoSafetyFromData.chapterSeven110Other);
        // }
        if (checkValue.length > 0) {
            personalInfoSafetyFromData.chapterSeven1Radio = 1;
        } else {
            personalInfoSafetyFromData.chapterSeven1Radio = 0;
        }

        personalInfoSafetyFromData.chapterSeven2Radio = $('input[name="chapterSeven2Radio"]:checked').val()
        var chapterSeven2 = [];
        $('input[name="chapterSeven2"]:checked').each(function (index, domEle) {
            chapterSeven2.push($(this).val());
        });
        personalInfoSafetyFromData.chapterSeven2 = chapterSeven2.join(',');

        personalInfoSafetyFromData.chapterSeven3Radio = $('input[name="chapterSeven3Radio"]:checked').val();
        var chapterSeven3 = [];
        $('input[name="chapterSeven3"]:checked').each(function (index, domEle) {
            chapterSeven3.push($(this).val());
        });
        personalInfoSafetyFromData.chapterSeven3 = chapterSeven3.join(',');
        personalInfoSafetyFromData.chapterSeven3Other = $('input[name="chapterSeven3Other"]').val();

        var chapterSeven110Other = [];
        for (var i = 1; i < q110 + 1; i++) {
            var chapterSeven110OtherValue = $('input[name="chapterSeven110' + i + 'Other"]').val();
            chapterSeven110Other.push(chapterSeven110OtherValue);
        }
        personalInfoSafetyFromData.chapterSeven110Other = JSON.stringify(chapterSeven110Other);

        $.ajax({
            url: prefix + "/safety/add",
            data: personalInfoSafetyFromData,
            type: "post",
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $("#safetyId").val(result.data);
                    $("#qa_personal_info_minor").show();
                    $("#qa_personal_info_safety").hide();
                }
            }
        })
    }

    function homeNext() {
        $("#home").hide();
        $("#privacy_home").show();
    }

    function personalInfoMinorPrevious() {
        $("#qa_personal_info_safety").show();
        $("#qa_personal_info_minor").hide();
    }

    function personalInfoMinorNext() {
        var personalInfoMinorFromData = {};
        personalInfoMinorFromData.privacyId = $("#privacyId").val();
        personalInfoMinorFromData.minorId = $("#minorId").val();

        personalInfoMinorFromData.chapterNine1Radio = $('input[name="chapterNine1Radio"]:checked').val();

        $.ajax({
            url: prefix + "/minor/add",
            data: personalInfoMinorFromData,
            type: "post",
            success: function (result) {
                if (result.code == web_status.SUCCESS) {
                    $("#minorId").val(result.data);
                    $("#qa_personal_info_minor").hide();
                    $("#qa_personal_info_connect").show();
                    // if (!$('input[name="sendMail"]').val()) {
                    //     $('input[name="sendMail"]').val($('input[name="email"]').val())
                    // }
                }
            }
        })
    }

    function personalInfoConnectPrevious() {
        $("#qa_personal_info_connect").hide();
        $("#qa_personal_info_minor").show();
    }

    function personalInfoConnectNext() {

        var personalInfoConnectFromData = {};
        personalInfoConnectFromData.privacyId = $("#privacyId").val();
        personalInfoConnectFromData.customerServiceHotline = $('input[name="customerServiceHotline"]').val();
        personalInfoConnectFromData.mailingAddress = $('input[name="mailingAddress"]').val();
        personalInfoConnectFromData.recipient = $('input[name="recipient"]').val();
        personalInfoConnectFromData.sendFlag = 0;
        var index = layer.load(1, {
            shade: [0.1, '#fff'] //0.1透明度的白色背景
        });
        $.ajax({
            url: prefix + "/edit",
            data: personalInfoConnectFromData,
            type: "post",
            success: function (result) {
                layer.close(index);
                if (result.code == web_status.SUCCESS) {
                    $('#qa_personal_info_connect').hide();
                    $('#end').show();
                }
            }
        })
    }

    var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式

    function personalInfoConnectSubmit() {
        var personalInfoConnectFromData = {};
        personalInfoConnectFromData.privacyId = $("#privacyId").val();
        personalInfoConnectFromData.sendMail = $('input[name="sendMail"]').val();
        personalInfoConnectFromData.sendFlag = 1;
        if(personalInfoConnectFromData.sendMail === ""){
            layer.msg('请填写邮箱地址！');
            return;
        }
        if(!reg.test(personalInfoConnectFromData.sendMail)){
            layer.msg('请填写正确的邮箱地址！');
            return;
        }
        var index = layer.load(1, {
            shade: [0.1, '#fff'] //0.1透明度的白色背景
        });
        $.ajax({
            url: prefix + "/edit",
            data: personalInfoConnectFromData,
            type: "post",
            success: function (result) {
                layer.close(index);
                if (result.code == web_status.SUCCESS) {
                    layer.msg("保存成功,正在刷新数据请稍后……", {
                        icon: 1,
                        time: 500,
                        shade: [0.1, '#8F8F8F']
                    }, function () {
                        location.href = ctx + "qa/thanks?q=" + result.data;
                    });
                }
            }
        })
    }

    function check() {

        var obj = document.getElementById("mazey"); //要验证的对象
        if (obj.value === "") { //输入不能为空
            return false;
        } else if (!reg.test(obj.value)) { //正则验证不通过，格式不对
            return false;
        } else {
            return true;
        }
    }

    /////////////////////////////////////////////////////////////////// 下单表格 //////////////////////////////////////////////////////////////////////////////////////
    //添加行
    function addPlaceOrderRow() {
        var row =
            {
                "productName": "",
                "informationType": ""
            };
        //append  追加到最后一行
        //prepend  新增到第一行
        $('#placeOrderTable').bootstrapTable('append', row);
        //更新行数据
        // $('#placeOrderTable').bootstrapTable('updateRow', row);
        //定位到最后一行
        $('#placeOrderTable').bootstrapTable('scrollTo', 'bottom');
    }

    function removePlaceOrderRow() {
        var rows = $('#placeOrderTable').bootstrapTable('getSelections');//获取选中行
        if (rows.length == 0) {
            layer.msg("请选择要删除的数据");
            return;
        }
        var indexs = [];
        for (var i = 0; i < rows.length; i++) {
            indexs[i] = rows[i].index;
        }
        //删除
        $('#placeOrderTable').bootstrapTable('remove', {
            field: 'index',
            values: indexs
        });
    }

    function getPlaceOrderValues() {
        var rows = $('#placeOrderTable').bootstrapTable('getData');
        $.each(rows, function (i, row) {
            row.productName = $("#" + i + "productName").val();
            row.informationType = $("#" + i + "informationType").val();
            $('#placeOrderTable').bootstrapTable('updateRow', row);
        });
    }


</script>
</body>
</html>